<template>
  <div class="money-slider">
    <Slider :items="items" class="slider"></Slider>
  </div>
</template>

<script>
import Slider from '../core/slider'
export default {
  name: 'homeSlider',
  components: {
    Slider
  },
  data () {
    return {
      items: [{
        href: 'home',
        imgUrl: '//img12.360buyimg.com/jrpmobile/jfs/t8491/303/504628479/60643/100648de/59a94358N92475fca.jpg?width=750&height=320'
      }, {
        href: 'home',
        imgUrl: '//img12.360buyimg.com/jrpmobile/jfs/t8437/321/1758527686/40952/f66d552f/59bf1f41N50d846f9.jpg?width=750&height=320'
      }]
    }
  }
}
</script>

<style lang="stylus" scoped>
  .money-slider
    margin-top:1.2rem
    .slider
      height:0
      overflow:hidden
      background:#eaeaea
      width:100%
      padding-bottom:42.7%
</style>
